* {
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 135vw;
}

.header {
    width: 100vw;
    height: 43vw;
    background-color: #09b674;
    position: relative;
}

.state {
    width: 100vw;
    height: 3vw;
    background-color: aliceblue;
}

.nav {
    width: 100vw;
    height: 12vw;
    margin-top: 1vw;
    background-color: aqua;

}

.user {
    width: 100vw;
    height: 27vw;
    background-color: rgba(26, 14, 198, 0.1);
    position: absolute;
    top: 16vw;
}

.headBox {
    width: 26vw;
    height: 27vw;
}

.head {
    width: 20vw;
    height: 20vw;
    background-color: #dddddd;
    margin-left: 4vw;
    margin-top: 3vw;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;

    & img {
        width: 10vw;
        height: 11vw;
    }
}

.username {
    position: absolute;
    top: 8vw;
    left: 29vw;
    width: 8vw;
    height: 4vw;
    font-family: PingFang-SC-Medium;
    font-size: 4vw;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0vw;
    color: #ffffff;
    border: 0vw;
    outline: none;
    background-color: rgba(26, 14, 198, 0);
}

.sign {
    position: absolute;
    top: 16vw;
    left: 28vw;
    width: 21vw;
    height: 3vw;
    font-family: PingFang-SC-Medium;
    font-size: 3vw;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0vw;
    color: #ffffff;
    border: 0vw;
    outline: none;
    background-color: rgba(26, 14, 198, 0);
}
.my {
    width: 100vw;
	height: 27vw;
}
hr{
    width: 100vw;
	height: 0vw;
	background-color: #f4f4f4;
}
.orders{
    display: flex;
    justify-content: space-between;
    width: 100vw;
    height: 8vw;
    & span{
        margin-left: 5vw;
        width: 16vw;
	    height: 3vw;
	    font-family: PingFang-SC-Medium;
	    font-size: 4vw;
	    font-weight: normal;
	    font-stretch: normal;
	    line-height: 5vw;
	    letter-spacing: 0vw;
	    color: #101010;
    }
    .sp{
        width: 3vw;
	    height: 6vw;
        font-family: PingFang-SC-Medium;
	    font-size: 4vw;
	    font-weight: normal;
	    font-stretch: normal;
	    line-height: 5vw;
	    letter-spacing: 0vw;
	    color: #101010;
	    background-color: #aaaaaa;
        margin-right: 6vw;
        
    }
}
.buy{
    display: flex;
    list-style: none;
    justify-content: space-around;
    margin-top: 4vw;
    & li{
        width: 10vw;
	    height: 12vw;
        margin-left: -2vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        & img{
            width: 6vw;
	        height: 6vw;
	        
        }
        & p{
            width: 10vw;
	        height: 3vw;
	        font-family: PingFang-SC-Medium;
	        font-size: 3vw;
	        font-weight: normal;
	        font-stretch: normal;
	        line-height: 5vw;
	        letter-spacing: 0vw;
	        color: #101010;
        }
    }
   
}
.aa{
    width: 100vw;
	height: 3vw;
	background-color: #f4f4f4;
}
.middle{
    position: relative;
    width: 100vw;
    height: 90vw;
    

    .mid{
        display: flex;
        align-items: center;
        width: 100vw;
	    height: 15vw;
	    background-color: #ffffff;
        list-style: none;
        & img{
            width: 5vw;
	        height: 5vw;
	        margin-left: 4vw;
        }
        .spa{
            width: 14vw;
	        height: 3vw;
	        font-family: PingFang-SC-Medium;
	        font-size: 3vw;
	        font-weight: normal;
	        font-stretch: normal;
	        line-height: 5vw;
	        letter-spacing: 0vw;
	        color: #101010;
            margin-left: 3vw;
        }
        .spa1{
            width: 2vw;
	        height: 3vw;
            position: absolute;
            left: 90vw;
            
        }
    }
}
.buttom{
    width: 100vw;
	height: 22vw;
	background-color: #ffffff;
	box-shadow: 0vw 0vw 2vw 0vw 
		rgba(0, 0, 0, 0.11);
	border: solid 0vw #f4f5f5;
    display: flex;
    justify-content: space-around;
    align-items: center
}
.bt{
    list-style: none;
    width: 9vw;
    height: 9vw;
    & p{
        width: 9vw;
	    height: 3vw;
	    font-family: PingFang-SC-Regular;
	    font-size: 3vw;
	    font-weight: normal;
	    font-stretch: normal;
	    line-height: 10vw;
	    letter-spacing: 0vw;
	    color: #666666;
    }
}
.im{
    width: 6vw;
    height: 6vw;
}